import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class GridDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('网格控件示例'),
        centerTitle: true,
      ),
      body: GridView.count(
        //ios回弹效果
        physics: BouncingScrollPhysics(),
        //是否使用默认的PrimaryScrollController
        primary: true,
        //内边距
        padding: EdgeInsets.all(20.0),
        //item主轴间距
        mainAxisSpacing: 10.0,
        //item交叉轴间隙
        crossAxisSpacing: 10.0,
        //列数
        crossAxisCount: 3,
        //宽高比例
        childAspectRatio: 1,
        children: <Widget>[
          Center(child: Text('第一行第一列')),
          Center(child: Text('第一行第二列')),
          Center(child: Text('第一行第三列')),
          Center(child: Text('第二行第一列')),
          Center(child: Text('第二行第二列')),
          Center(child: Text('第三行第三列')),
          Center(child: Text('第三行第一列')),
          Center(child: Text('第三行第二列')),
          Center(child: Text('第三行第三列')),
        ],
      ),
    );
  }
}
